import React from 'react';

import HotNews from './Components/HotNews';
import CarouselChart from './Components/CarouselChart';
import FormNormalLogin from '@/pages/components/FormNormalLogin/index';
import DataHistogramChart from './Components/DataHistogramChart';
import WindowServiceTime from './Components/WindowServiceTime';
import PolicyAnnouncementTable from './Components/PolicyAnnouncementTable';
import OnlineApplicationTable from './Components/OnlineApplicationTable';
import ResultPublicityTable from './Components/ResultPublicityTable';
import RightTools from './Components/RightTools';

import styles from './index.less';

const HomePage: React.FC = () => {
  return (
    <div className={styles.contentBack}>
      <div className={styles.contentMiddle}>
        <HotNews />
        <div className={styles.contentLogin}>
          <CarouselChart />
          <FormNormalLogin />
        </div>
        <div className={styles.flexBox}>
          <DataHistogramChart />
          <WindowServiceTime />
        </div>
        <PolicyAnnouncementTable />
        <OnlineApplicationTable />
        <ResultPublicityTable />
        <RightTools />
      </div>
    </div>
  );
};

export default HomePage;
